page{
  background-color: #edece8;
}

.order_top{
    padding: 10rpx;
    background-color: white;
    display: flex;
    font-size: 33rpx;
    font-weight: 550;
    .order_type{
        color: var(--themeColor);
    }
    .order_state{
        margin-left: auto;
        color: orange;
    }
}

.first_tab{
  margin-top: 20rpx;
  background-color: white;
  border-bottom: 1px solid #ccc;
  padding-right: 10rpx;
  padding-left: 10rpx;
  padding-bottom: 10rpx;
  .house_title{
    font-size: 38rpx;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    font-weight: bold;
    padding-bottom: 10rpx;
  }
  .house_item{
    display: flex;
    .house_img_wrap{
      flex: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      image{
        width: 100%;
      }
    }
    .house_info_wrap{
      padding-left: 10rpx;
      flex: 4;
      display: flex;
      flex-direction: column;
      .house_detail{
        display: flex;
        .house_address{
          display: -webkit-box;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp:2;
          font-size: 28rpx;
          padding-bottom: 6rpx;
          padding-right: 5rpx;
        }
        .house_oneprice{
          margin-left:auto;
          color: rgb(83, 83, 83);
        }
      }
      .house_num{
        text-align: right;
        color: darkgray;
      }
    }
  }
  .detail_bottom{
    padding-top: 10rpx;
    display: flex;
    align-items: center;
    button::after{ 
      border: none; 
    }
    button{
      border-radius: 30px;
      border: 1rpx solid #ccc;
      background-color: white;
      margin: 0;
    }
    .house_allprice{
        font-size: 33rpx;
        margin-left: auto;
        font-weight: bold;
    }
  }
}

.second_tab{
    margin-top: 20rpx;
    background-color: white;
    border-bottom: 1px solid #ccc;
    padding-right: 10rpx;
    padding-left: 10rpx; 
    .title{
        font-size: 35rpx;
        padding-bottom: 15rpx;
    }
    .order_detail{
        justify-content: center;
        align-items: center;
        font-size: 32rpx;
        .order_info{
            padding-bottom: 15rpx;
            display: flex;
            align-items: center;
            .left{
                padding-right: 35rpx;
                flex: 1;
            }
            .right{
                flex: 4;
            }
        }
    }
}

.input_num{
  padding: 10rpx;
  margin-top: 20rpx;
  margin-bottom: 90rpx;
  background-color: white;
  font-size: 32rpx;
  .input_content{
    padding-top: 10rpx;
    display: flex;
    align-items: center;
      input{
        border: 1px solid #ccc;
      }
  }
}

.order_hide{
 display: none;
}
.order_show{
 display: block;
}

.btm_tool{
  border-top: 1rpx solid #ccc;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90rpx;
  background-color: #fff;
  display: flex;
  .tool_item{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 24rpx;
    position: relative;
    button{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
    }
  }
  .btn_buy{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #eb4450;
    color: #fff;
    font-size: 30rpx;
    font-weight: 600;
    button{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
    }
  }
}